<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>客户信息</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../layui-v2.6.8/layui/css/layui.css">
  <script type  ="text/javascript" src="../layui-v2.6.8/layui/layui.js"></script>
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<!--<blockquote class="layui-elem-quote layui-text">-->
<!--    鉴于小伙伴的普遍反馈，先温馨提醒两个常见“问题”：1. <a href="/doc/base/faq.html#form" target="_blank">为什么select/checkbox/radio没显示？</a> 2. <a href="/doc/modules/form.html#render" target="_blank">动态添加的表单元素如何更新？</a>-->
<!--</blockquote>-->

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  <legend>客户信息</legend>
</fieldset>
<form class="layui-form" action="">
  <div class="layui-form-item">
    <div class="layui-inline">
    </div>
  </div>
<!--  <div class="layui-input-inline">-->
<!--    <input type="text" id="cphone" required >-->
<!--    <button class="layui-btn" onclick="location.href='addCustomer.html'" >添加</button>-->
<!--  </div>-->
<!--  <div class="layui-form-item">-->
<!--      <div class="layui-input-block">-->
<!--        <button class="layui-btn" onclick="location.href='addCustomer.html'" >添加</button>-->
<!--      </div>-->
<!--    </div>-->
  <table class="layui-hide" id="customer" lay-filter="operation"></table>
</form>
<script src="../layui-v2.6.8/layui/layui.js"></script>
<script type="text/javascript">
  var table = layui.table;

  layui.use(['table'],function () {
    table.render({
      elem: '#customer',
      url: 'http://localhost:8080/all',
      // toolbar: '#toolbarDemo',
      // defaultToolbar: ['filter', 'exports', 'print'],
      // page: true,
      cols: [[
        {type: 'checkbox', fixed: 'left'}
        , {field: 'cid', title: '客户编号', fixed: 'left', sort: true}
        , {field: 'cname', title: '姓名'}
        , {field: 'cphone', title: '联系方式'}
        , {field: 'user_name', title: '账号'}
        , {field: 'password', title: '密码'}
      ]],

    });
  })
  // function insert_1(){
  //   var $ = layui.$;
  //   var cname =$("#cname").val();
  //   var cphone =$("#cphone").val();
  //   console.log(cname);
  //   var data ={
  //     "cname":cname,
  //     "cphone":cphone,
  //   }
  //   var url ="http://localhost:8080/add";
  //   $.ajax({
  //     type:"get",
  //     url:url,
  //     async:false,
  //     cache:false,
  //     data:data,
  //     success: function(data,textStaus,jqXHR){
  //
  //       if(data.code === 200){
  //         alert("插入成功了");
  //       }else{
  //         alert(data.message);
  //       }
  //     },
  //     error:function (XMLHttpRequest, textStatus, errorThrown) {
  //
  //       alert(typeof(errorThrown));
  //     }
  //   });
  // }

  // function insert_1(){
  //     var $ = layui.$;
  //     var cname =$("#cname").val();
  //     var cphone =$("#cphone").val();
  //     console.log(cname);
  //     var data ={
  //         "cname":cname,
  //         "cphone":cphone,
  //     }
  //     var url ="http://localhost:8080/add";
  //     $.ajax({
  //         type:"get",
  //         url:url,
  //         async:false,
  //         cache:false,
  //         data:data,
  //         success: function(data,textStaus,jqXHR){
  //
  //             if(data.code === 200){
  //                 alert("插入成功了");
  //             }else{
  //                 alert(data.message);
  //             }
  //         },
  //         error:function (XMLHttpRequest, textStatus, errorThrown) {
  //
  //             alert(typeof(errorThrown));
  //         }
  //     });
  // }
  // function select_1(){
  //
  //     var url ="Testselect";
  //
  //     $.ajax({
  //         type:"get",
  //         url:url,
  //         async:false,
  //         cache:false,
  //         success: function(data,textStaus,jqXHR){
  //             $("#div_2").html(data);
  //         }
  //     });
  // }
</script>
